<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    *{margin: 0;padding: 0;}
    h1,h2,h3{font-weight: normal;}
    i{font-style: normal;}
    .voyage {width: 793px;height: 1000px;padding: 20px;margin: 0 auto;}
    .voyage .page-header{border-bottom: 3px solid #EEBE77;}
    .voyage .page-header >img{width: 145px;margin-bottom: 15px;}
    .voyage .page-body .notice h1{font-size: 25px;margin: 20px 0 ;}
    .voyage .page-body .notice h2{font-size: 20px;}
    .voyage .page-body .notice h2 >span{text-decoration: underline;line-height: 1.6em;}
    .voyage .page-body .airport-info{margin: 25px 0;}
    .voyage .page-body .airport-info .title{font-size: 20px;font-weight: 600;margin-bottom: 15px;}
    .voyage .page-body .airport-info .airport-body{border-radius: 16px;font-size: 14px;border: 1px solid #000;padding: 15px;line-height: 2em;}
    .voyage .page-body .airport-info .airport-body >div >span{font-weight: 600;display: inline-block;width: 95px;margin-right: 20px;}
    .voyage .page-body .airport-info .airport-body >div >span i:nth-child(2){float: right;}
    .voyage .page-footer{padding: 20px 0 0 0;}
    .voyage .page-footer,.voyage .page-footer h2{font-size: 20px;line-height: 2em;}
    .voyage .page-footer h2{font-weight: 600;}
  </style>
</head>
<body>
  <div class="voyage">
    <div class="page-header">
      <img src="https://www.zhaoziyong.online/logo.png" alt="">
    </div>
    <div class="page-body">
      <div class="notice">
        <h1>
          航变通知
        </h1>
        <h2>
          尊敬的用户：<br>
          您的订单 <span>{{ .FlightChangeNotify.OrderId }}</span> 接航空公司通知航班发生变动，详情如下：
        </h2>
      </div>
      <div class="airport-info">
        <p class="title">原航班信息</p>
        <div class="airport-body">
          <div>PNR <span>{{ .FlightChangeNotify.Pnr }}</span></div>
          <div><span>{{ .FlightChangeNotify.OriginFlight.Date }}</span>{{ .FlightChangeNotify.OriginFlight.DepAirCityCN }} - {{ .FlightChangeNotify.OriginFlight.DescAirCityCN }}</div>
          <div><span><i>{{ .FlightChangeNotify.OriginFlight.DepTime }}</i> <i>{{ .FlightChangeNotify.OriginFlight.DepAirPortCN }}</i></span>{{ .FlightChangeNotify.OriginFlight.DepAirCityCN }}
            {{ .FlightChangeNotify.OriginFlight.DepAirPortCN }} {{ .FlightChangeNotify.OriginFlight.DepTerminal }}</div>
          <div><span><i>{{ .FlightChangeNotify.OriginFlight.DescTime }}</i> <i>{{ .FlightChangeNotify.OriginFlight.DescAirPortCN }}</i></span>{{ .FlightChangeNotify.OriginFlight.DescAirCityCN }}
            {{ .FlightChangeNotify.OriginFlight.DescAirPortCN }} {{ .FlightChangeNotify.OriginFlight.DescTerminal }}</div>
          <div><span></span>{{ .FlightChangeNotify.OriginFlight.AirlineCN }} {{ .FlightChangeNotify.OriginFlight.FlightNo }} {{ .FlightChangeNotify.OriginFlight.Equipment }} {{ .FlightChangeNotify.OriginFlight.CabinClass }}</div>
          <div><span></span>飞行时长 {{ .FlightChangeNotify.OriginFlight.FlightTime }}</div>
        </div>
      </div>
      {{ if eq .FlightChangeNotify.Status 1 }}
        <div class="airport-info">
          <p class="title">保护航班信息{{ if eq .PrivateFlight.DescAirCity "" }}(无){{ end }}</p>
        </div>
      </div>
      {{ else }}
        <div class="airport-info">
          <p class="title">变动后航班信息</p>
          <div class="airport-body">
            <div>PNR <span>{{ .FlightChangeNotify.Pnr }}</span></div>
            <div><span>{{ .FlightChangeNotify.PrivateFlight.Date }}</span>{{ .FlightChangeNotify.PrivateFlight.DepAirCityCN }} - {{ .FlightChangeNotify.PrivateFlight.DescAirCityCN }}</div>
            <div><span><i>{{ .FlightChangeNotify.PrivateFlight.DepTime }}</i> <i>{{ .FlightChangeNotify.OriginFlight.DepAirPortCN }}</i></span>{{ .FlightChangeNotify.PrivateFlight.DepAirCityCN }}
              {{ .FlightChangeNotify.PrivateFlight.DepAirPortCN }} {{ .FlightChangeNotify.PrivateFlight.DepTerminal }}</div>
            <div><span><i>{{ .FlightChangeNotify.PrivateFlight.DescTime }}</i> <i>{{ .FlightChangeNotify.PrivateFlight.DescAirPortCN }}</i></span>{{ .FlightChangeNotify.PrivateFlight.DescAirCityCN }}
              {{ .FlightChangeNotify.PrivateFlight.DescAirPortCN }} {{ .FlightChangeNotify.PrivateFlight.DescTerminal }}</div>
            <div><span></span>{{ .FlightChangeNotify.PrivateFlight.AirlineCN }} {{ .FlightChangeNotify.PrivateFlight.FlightNo }} {{ .FlightChangeNotify.PrivateFlight.Equipment }} {{ .FlightChangeNotify.PrivateFlight.CabinClass }}</div>
            <div><span></span>飞行时长 {{ .FlightChangeNotify.PrivateFlight.FlightTime }}</div>
          </div>
        </div>
    </div>
      {{ end }}
    <div class="page-footer">
      <h2>智飞科技</h2>
      <p>{{ .ContactUrl }}</p>
      <p>{{ .FlightChangeNotify.NotifyData }}</p>
    </div>
  </div>
</body>
</html>